<template>
  <div class="order-pay">
    <div class="title">需要支付现金:</div>
    <div class="amount">￥{{ +amount.toFixed(2) }}</div>
  </div>
</template>

<script>
export default {
  props: {
    amount: {
      type: Number,
      default: 0
    }
  },
  name: 'OrderPay'
}
</script>

<style scoped lang="stylus">
.order-pay
  margin 10px
  padding 10px
  background white
  border-radius 10px
  text-align left
  height 60px
  display flex
  flex-direction column
  justify-content space-around
  .title
    font-weight 700
  .amount
    color red
    padding-left 20px
    font-size 18px
    font-weight 700
</style>
